<template>
<view>
	<view class="tabBar gui-flex gui-align-items-center">
		<view class="gui-margin-x">活动</view>
		<view class="gui-margin-x gui-color-gray">更多</view>
	</view>
</view>
</template>

<script>
export default{
	name  : "TabB",
	props : {
		width        : {type:Number, default:0},
		text         : {type:String, default:''},
		size         : {type:Number, default:26},
		lineHeight   : {type:Number, default:1.8},
		padding      : {type:Number, default:15},
		margin       : {type:Number, default:15},
		customClass      : {type:Array,  default:function(){
			return ['gui-bg-primary', 'gui-color-white'];
		}},
		borderRadius : {type:Number, default:6},
		// data         : {type:Object, default:function(){return [];}},
		borderColor  : {type:String, default:'rgba(255,255,255,0)'},
		backColor  : {type:String, default:'rgba(255,255,255,0)'}
	},
	data() {
		return {
			tapping : false,
		}
	},
	created() {
		
	},
	
	methods:{
		tapme : function(){
			console.log('hhhhh');
			this.$emit('tapme', this.data);
		}
	},
	emits : ['tapme']
}
</script>

<style>
	.tabBar{
		height: 80rpx;
		width: 100%;
		justify-content: space-between;
	}
</style>